<template>
  <div id="describe">
    <!--    <p class="describe-title">一码通介绍</p>-->
    <p class="describe-title">欢迎使用承德一码通第三方堆积demo系统</p>
    <p class="subtitle">Demo系统说明：</p>
    <div class="sys-describe">
      <p>
        1、为了方便第三方系统开发商与承德一码通对接，东软公司提供多种一码通对接场景的演示示例。
      </p>
      <p>
        2、DEMO包括网站和手机端，代码采用开源方式，第三方系统开发商可以使用源代码开发。
      </p>
      <p>3、第三方开发商可以直接使用demo网站和手机APP实现联调测试</p>
    </div>
    <div class="describe-table">
      <a-table bordered :columns="columns" :dataSource="tableData" :pagination="sign"></a-table>
    </div>
  </div>
</template>

<script>
import localData from "../../assets/localData";
export default {
  data() {
    return {
      describe: localData.describe,
      columns: [],
      tableData: [],
      sign: false
    };
  },
  created() {
    this.initData();
  },
  methods: {
    initData() {
      this.columns = [
        {
          title: "序号",
          dataIndex: "key",
          width: 50,
          align: "center"
        },
        {
          title: "DEMO场景",
          dataIndex: "scene",
          width: 160,
          align: "center"
        },
        {
          title: "DEMO终端",
          dataIndex: "entrance",
          width: 160,
          align: "center"
        }
      ];
      this.tableData = this.describe;
    }
  }
};
</script>

<style lang="less">
#describe {
}
.describe-title {
  text-align: center;
  margin: 30px 0 20px;
  font-size: 18px;
  font-weight: 600;
  font-family: AlibabaPuHuiTiM;
}
.subtitle {
  padding: 10px 0 20px 25px;
  font-size: 15px;
  font-weight: 600;
  color: #8a8a8a;
  font-family: AlibabaPuHuiTiM;
}
.sys-describe {
  margin: 0 45px;
  font-size: 15px;
  font-weight: 600;
  color: #707070;
  opacity: 0.8;
  font-family: AlibabaPuHuiTiM;
}
.describe-table {
  margin: 0 45px;
  padding: 25px 0;
}
p {
  margin: 0;
  padding: 0;
}
</style>
